<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客列表</title>
    <link rel="stylesheet" href="css/conmmon.css">
    <link rel="stylesheet" href="css/blog_list.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/logout.js"></script>
</head>

<body>
    <!-- 导航栏 -->
    <div class="nav">
        <img src="img/logo2.jpg" alt="">
        <span class="title">我的博客系统</span>
        <!-- 用来占据中间位置 -->
        <span class="spacer"></span>
        <a href="blog_list.html">主页</a>
        <a href="blog_add.html">写博客</a>
        <a href="javascript:logout()">退出</a>
    </div>
        <!-- 右侧内容详情 -->
        <div id="artListDiv" class="container-right" style="margin-left: 23%;">
        </div>
    </div>

    <script>
        //执行初始化方法
        function init(){
            jQuery.ajax({
                url:"/article/mylist",
                type:"GET",
                data:{},
                success:function(res){
                    if(res.code==200){
                        //请求成功
                        var createHtml="";
                        var artList=res.data;
                        if(artList==null || artList.length==0){
                            //未发表文章
                            createHtml+="<h3 style='margin-left=20px,margin-top=20px'>暂无文章，请"+
                                "<a href='blog_add.html'>添加文章!</a></h3>"
                        }else{
                            //已发表文章
                            for(var i=0;i<artList.length;i++){
                                var art=artList[i];
                                createHtml+=' <div class="blog">';
                                createHtml+='<div class="title">'+art.title+'</div>';
                                createHtml+='<div class="date">'+art.createtime+'</div>';
                                createHtml+='<div class="desc">';
                                createHtml+=art.content;
                                createHtml+='</div>';
                                createHtml+='<a href="blog_content.html?aid='+art.id
                                +'" class="detail">查看全文 &gt;&gt;</a>&nbsp;&nbsp;';
                                createHtml+='<a href="blog_edit.html?aid='+art.id
                                +'" class="detail">修改 &gt;&gt;</a>&nbsp;&nbsp;';
                                createHtml+='<a href="javascript:del('+art.id+')" class="detail">删除 &gt;&gt;</a>';
                                createHtml+='</div>';
                            }
                        }
                        jQuery("#artListDiv").html(createHtml);
                    }else{
                        alert("操作失败！"+res.msg);
                        location.href="login.html";
                    }
                }
            });
        }
        //在打开页面的时候就执行该方法
        init();

        //根据用户的文章id进行删除
        function del(aid){
            //1.参数效验
            if(aid=="" || aid<=0){
                alert("参数错误");
                return false;
            }
            if(confirm("是否确定删除？")){
                //2.参数传递给后端进行删除
                            jQuery.ajax({
                                url:"/article/del",
                                type:"POST",
                                data:{
                                    "aid":aid
                                },
                                success:function(res){
                                    //3.结果返回给用户 
                                    if(res.code==200 && res.data==1){
                                        alert("删除成功");
                                        //刷新当前页面
                                        location.href=location.href;
                                       
                                    }else{
                                        alert("操作失败"+res.msg);
                                    }
                                }
                            });
            }
        }
    </script>
</body>

</html>
